.container {
  width: 100%;
  height: 100vh;
  align-items: center;
  justify-self: center;
  align-self: center;
  align-content: center;
}

.form {
  width: 80%;
  margin: auto 10%;
}
.logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 240rpx;
  margin-bottom: 10rpx;
  image {
    width: 160rpx;
    height: 160rpx;
  }
}

.input-info {
  display: flex;
  flex-direction: column;
  .info {
    width: 100%;
    margin-bottom: 10rpx;
  }
}

.upload {
  margin-top: 10rpx;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}
.uploadDesc {
  margin-top: 5px;
  margin-right: 10rpx;
}

// .upload-file-contarner {
//   cursor: pointer;
//   width: 100%;
//   height: 80rpx;
//   font-size: 50rpx;
//   text-align: center;
//   line-height: 80rpx;
//   border: 1px solid $u-light-color;
//   color: $u-light-color;
//   margin-bottom: 20rpx;
//   margin-top: 20rpx;
// }

.btn-info {
  margin-top: 10rpx;
}

.result {
  height: 80%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.subject {
  font-size: 24rpx;
  color: #999;
  margin-top: 20rpx;
}

.media-container {
  padding: 30rpx 26rpx;
  box-sizing: border-box;
}
